<style>
	@import url('./shulte.css');
</style>
<template>
	<!-- 公共头部 -->
	<view> <my-header :title="'舒尔特表'" :lefticon="'left'"></my-header></view>

	<!-- 关卡选择 -->

	<view class="levelSelection" v-for="(item,index) in level_dat" v-show="ifgame">
		<view :class="item.isopen==1 || item.isopen==2  ?'active':''">
			<view class="levelSelection_a">
				<view class="levelSelectiona">第{{index}}关</view>{{typearr[item.type]}}
				<view class="levelSelectionb">{{item.num}}*{{item.num}}</view>
			</view>
			<view class="levelSelection_b" v-if="item.isopen==1"  @click="selectgame(index)">过关</view>
			<view class="levelSelection_b" v-else-if="item.isopen==2"   @click="selectgame(index)">已解锁</view>
			<view class="levelSelection_b" v-else>待解锁</view>
		</view>
	</view>


	<!-- 舒尔特表 -->
	<view class="game" v-show="!ifgame">
		<view class="content">
			<view class="titles">打榜过程中请勿刷新页面，否则将结束打榜</view>
			<view v-show="type=='7jue' || type=='7lv' " class="subject">
				<text>{{originalData['title']}}</text>
				<text class="fontsize24">_{{originalData['author']}}({{originalData['time']}})</text>
			</view>
			<view v-show="!show" class="timedown">
				<view>结束倒计时：{{times}}:{{seconds}}</view>
			</view>

			<view class="contents">
				<view class="unigrid">
					<view v-for="(item,index) in numberarr" :style="'width:'+proportion+'%'"  @touchstart="clicknumber(index)" :class="index==selectedindex?'selected_sucess':''">
						<text class="text"  >{{item}}</text>
					</view>
				</view>
			</view>
			<!-- 闯关结果 -->
			<!-- 遮罩 -->
			<view v-show="ifpass" class="masking"></view>
			<view class="passTheResult" v-show="ifpass">
				<view class="passTheResultlevel">
					<view class="type-color">{{passtitle}}</view>
					<view><text>本题用时：</text>{{answertime}}秒</view>
					<view class="zdy_border"><text>本题得分：</text>{{fraction}}分</view>
					<view><text>通关总数：</text>{{nowfrequency-1}}关</view>

					<view><text>本关用时：</text>{{thisLeveltime}}秒</view>
					<view><text>本关得分：</text>{{thisLevelfraction}}分</view>
				<!-- 	<view><text>实时名次：</text>暂无</view> -->
					<!-- 关卡 -->
					<view class="level" v-for="(item,index) in btn"   @click="clickList(index)">
						<view class="text" v-show="item">{{item}}</view>
					</view>
				</view>
			</view>

			<view class="start">
				<view class="gramestart" @click="begin()" v-show="show">开始</view>
			</view>
		</view>
	</view>
</template>
<script type="module" src="./shulte.js"></script>